// 对于axios进行二次封装
import axios from 'axios'
// 引入进度条
import nprogress from 'nprogress'
// 引入进度条样式
import 'nprogress/nprogress.css'
// start方法：进度条开始，don方法：进度条结束

// 1.利用axios对象的方法create,去创建一个axios实例
// 2.request就是axios,只不过稍微配置一下
const requests = axios.create({
  //配置对象
  //基础路径,发请求的时候,路径当中会出现api
  baseURL: '/mock',
  //代表请求时间
  timeout: 5000,
})

// 请求拦截器:在发送请求之前,请求拦截器就可以检测到,可以在请求发出去之前错一些式事情
// requests.interceptors.request.use((config) => {
//   //config:配置对象,对象里面有一个属性很重要,headers请求头
//   return config
// })
// 添加请求拦截器
requests.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 进度条开始
  nprogress.start()
  return config
})

//响应拦截器
// 添加响应拦截器
requests.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    // 进度条结束
    nprogress.done()
    const res = response.data
    return res
  },
  function (error) {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

// 导出
export default requests
